<template>
    <div class="pl-20px">
        <el-scrollbar height="400px" class="bg-[#000] text-[#fff] p-6px">
            {{ content || '当前没有日志!' }}
        </el-scrollbar>
    </div>
</template>
<script setup lang='ts'>
import { reactive, ref, onMounted } from "vue";
import { getNginxInfoAPI } from "@/api/systemMonitor/index"
import { Base64 } from "js-base64"
import { propTypes } from '@/utils/propTypes'

const props = defineProps({
    info: propTypes.object.def(undefined)
})

const content = ref('');

onMounted(() => {
    getNginxInfoAPI({ rows: 40 }).then(res => {
        content.value = Base64.decode(res.data.ErrorLog);
    })
})

</script>
